import axios from "axios";
import { Toast } from "antd-mobile";
import store from "../store/index";
import { setInfo } from "../store/slice/userSlice";
import route from "../router";

const instance = axios.create({
  //根路径，配置为代理服务器的地址
  baseURL: "http://localhost:5173/",
  headers: { "X-Custom-Header": "foobar" },
});
// 添加请求拦截器
instance.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么

    //在全局为 axios 配置接口的代理前缀
    if (!config.url.startsWith("/api")) {
      config.url = "/api" + config.url;
    }

    //挂载 存储 token
    config.headers.Authorization = store.getState().user.info?.token;

    //loading 加载
    Toast.show({
      icon: "loading",
      content: "加载中…",
      duration: 0,
    });

    return config;
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

// 添加响应拦截器
instance.interceptors.response.use(
  function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么

    //隐藏 loading
    Toast.clear();

    return response.data;
  },
  function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。

    //隐藏 loading
    Toast.clear();

    //抽离错误 请求失败
    if (error?.response?.data) {
      Toast.show({
        content: error.response.data?.message,
      });
      console.log(error.response.data);
    }

    //处理 3，4，5 错误状态码
    if (error.status === 401) {
      console.log("token过期");
      //清空token信息
      store.dispatch(setInfo(null));
      // 跳转登录页面
      route.navigate("/login");
    }

    // 对响应错误做点什么
    return Promise.reject(error);
  }
);
export default instance;
